<html>

	<head>

		<meta http-equiv="Content-Type" 
		      content="text/html; charset=utf-8"/>	

		<title>Webfortune Test Application</title>

		<!--                                           -->
		<!-- The module reference below is the link    -->
		<!-- between html and your Web Toolkit module  -->	
		<!--                                           -->
		<meta name="gwt:module" 
		      content="de.saumya.webfortune.WebfortuneTest"/>
		
	</head>

	<style>
	
	</style>

	<!--                                           -->
	<!-- The body can have arbitrary html, or      -->
	<!-- you can leave the body empty if you want  -->
	<!-- to create a completely dynamic ui         -->
	<!--                                           -->
	<body>

		<!--                                            -->
		<!-- This script is required bootstrap stuff.   -->
		<!-- You can put it in the HEAD, but startup    -->
		<!-- is slightly faster if you include it here. -->
		<!--                                            -->
		<script language="javascript" src="gwt.js"></script>

		<!-- OPTIONAL: include this if you want history support -->
		<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
		<!--                                               -->
		<!-- radio button list with different quote topics -->
		<!-- NOTE: use </div> otherwise the layout gets    -->
                <!--       distorted                               -->
		<!--                                               -->
		<div id="topic-list"></div>

		<!--                                               -->
		<!-- next, random, previous button to navigate     -->
		<!-- through a choosen topic                       -->
		<!-- NOTE: use </div> otherwise the layout gets    -->
                <!--       distorted                               -->
		<!--                                               -->
		<div id="quote-buttons"></div>

		<!--                                               -->
		<!-- the current quote                             -->
		<!-- NOTE: use </div> otherwise the layout gets    -->
                <!--       distorted                               -->
		<!--                                               -->
		<div id="quote"></div>

	</body>
</html>
